<html>
<head>
<title>L-FM Ticker v3.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="twitstream/twit-stream.css" />
<!--Reload Twitter Feed elke 10 seconden-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script> 
var auto_refreshtwit = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('twitterfeed.php').fadeIn("slow");
}, 10000);
</script>
<!--Reload Now Playing elke 60 seconden-->
<script> 
var auto_refreshartist = setInterval(
function()
{
$('#reloadartist').fadeOut('slow').load('../../../../streams/artist.php').fadeIn("slow");
}, 60000);
</script>
<script> 
var auto_refreshtitle = setInterval(
function()
{
$('#reloadtitle').fadeOut('slow').load('../../../../streams/title.php').fadeIn("slow");
}, 60000);
</script>
<style type="text/css">
#scroll{
         position : absolute;
      white-space : nowrap;
              top : 0px;
             left : 894px;
      font-family : "Arial", Arial;
      font-weight : bold;
        font-size : 20px;
       }
#oScroll{
	   margin : 0px;
	  padding : 0px;
         position : relative;
         top:3px;
            width : 1149px;
           height : 31px;
         overflow : hidden;
        }
      </style>
      <script type="text/javascript">
     function scroll(oid,iid){
          this.oCont=document.getElementById(oid)
          this.ele=document.getElementById(iid)
          this.width=this.ele.clientWidth;
          this.n=this.oCont.clientWidth;
          this.move=function(){
             this.ele.style.left=this.n+"px"
             this.n--
             if(this.n<(-this.width)){this.n=this.oCont.clientWidth}
                              }
                             }
     var vScroll
     function setup(){
         vScroll=new scroll("oScroll","scroll");
         setInterval("vScroll.move()",20)
                     }
  onload=function(){setup()}
      </script>
</head>
<body bgcolor="#00FF00" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<table id="Table_01" width="1281" height="1025" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="9">
			<img src="images/tickerv3_01.png" width="1280" height="723" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="723" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="2">
			<img src="images/tickerv3_02.png" width="867" height="14" alt=""></td>
		<td colspan="3">
			<img src="images/tickerv3_03.png" width="413" height="4" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/tickerv3_04.png" width="76" height="66" alt=""></td>
		<td colspan="2" rowspan="2" background="images/ARTIST_HOLDER.png" width="337" height="33" alt="">
      <div id="reloadartist" style="position:relative; top:4px;"> 
      </div>  
    </td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="7">
			<img src="images/LOGO_HOLDER.png" width="335" height="205" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="images/tickerv3_07.png" width="532" height="40" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3" background="images/TITLE_HOLDER.png" width="337" height="34" alt="">
		<div id="reloadtitle" style="position:relative; top:-4px;"> 
		</div>
		</td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/tickerv3_09.png" width="5" height="35" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="images/tickerv3_10.png" width="312" height="25" alt=""></td>
		<td rowspan="4">
			<img src="images/tickerv3_11.png" width="215" height="35" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/tickerv3_12.png" width="76" height="19" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/tickerv3_13.png" width="337" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/tickerv3_14.png" width="312" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/tickerv3_15.png" width="19" height="130" alt=""></td>
		<td colspan="4" background="images/TWITTERFEED_HOLDER.png" width="911" height="130" alt="">
      <div id="loaddiv"> 
      </div>
    </td>
		<td>
			<img src="images/tickerv3_17.png" width="15" height="130" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="130" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/tickerv3_18.png" width="1280" height="7" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2" background="images/CLOCK_HOLDER.png" width="116" height="31" alt="">
		 <center><span id="miniclock" style="color:white; font-size:25px; font-weight:bold; font-family:Arial; font-smooth:always;"></span></center>
<script language="JavaScript" type="text/javascript">
<!-- JavaScript Clock Provided by Intavant SEO Tools - http://www.intavant.com/tools/ -->
<!--
function runMiniClock()
{
    var time = new Date();
    var hours = time.getHours();
    var minutes = time.getMinutes();
    minutes=((minutes < 10) ? "0" : "") + minutes;
    ampm = (hours >= 24) ? "" : "";
    hours=(hours > 24) ? hours-24 : hours;
    hours=(hours == 0) ? 24 : hours;
    var clock = hours + ":" + minutes + " " + ampm;
    if(clock != document.getElementById('miniclock').innerHTML) document.getElementById('miniclock').innerHTML = clock;
    timer = setTimeout("runMiniClock()",1000);
}
runMiniClock();
//-->
</script>

    </td>
		<td colspan="7" rowspan="2" background="images/TICKER_SCROLL_HOLDER.png" width="1149" height="31" alt="">
		<center><div id="oScroll">
        <div id="scroll">Goeeeedeeeenavond! Tot 23:00 hoor je presentator Frank de Ruiter met weer een ijskoude editie van Overdrive, kortom welke muziek wil jij horen om warm te worden? - Twitter naar @onlineoverdrive of #laatjehoren, stuur een E-Mail naar frank@rtvlansingerland.nl of surf even naar facebook.com/overdriveonline! - Bellen kan helaas nogsteeds niet i.v.m. de telefoonstoring! - De Overdrive Tip 3 hoor je deze week voor het eerst en kun je nog even rustig nalezen op rtvlansingerland.nl/overdrive - Vraag die verzoekplaatjes aan en dan gaan wij ze voor je draaien!</div>
    </div></center>
    </td>
		<td>
			<img src="images/tickerv3_21.png" width="15" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/tickerv3_22.png" width="15" height="30" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="9">
			<img src="images/tickerv3_23.png" width="1280" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="44" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="116" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="219" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="14" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="298" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="215" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="76" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="322" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="15" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center></body>
</html>